<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/init.css">
    <link rel="stylesheet" href="public-css/head-foot.css">
</head>
<body>
<!--header-->
    <script src="js/header.js"></script>
    <div id="invest">
        <p><a href="">首页</a>我要投资</p>
        <div class="left">
            <div class="chose">
                <p>产品类型：
                    <a href="" class="green">全部</a>
                    <a href="">周周袋</a>
                    <a href="">黑熊袋</a>
                    <a href="">白熊袋</a>
                </p>
                <p>投资期限：
                    <a href="" class="green">全部</a>
                    <a href="">30天以下</a>
                    <a href="">30-60天</a>
                    <a href="">60-90天</a>
                    <a href="">90天以上</a>
                </p>
                <p>标的状态：
                    <a href="" class="green">全部</a>
                    <a href="">募集中</a>
                    <a href="">还款中</a>
                    <a href="">已完成</a>
                </p>
            </div>
            <div class="invest-detail">
                <div class="detail">
                    <div class="left">
                        <p class="title">周周袋<span>MJ_BRA0417C1164</span></p>
                        <p class="annual">
                            <span>年化收益<a href="">8.0%</a></span>
                            <span>期限<a href="">30天</a></span>
                            <span>项目金额20.00万</span>
                        </p>
                    </div>
                    <div class="right">
                        <span>筹集进度</span>
                        <div></div>
                    </div>

                </div>
            </div>
        </div>
        <div class="right"></div>
    </div>
<!--footer-->
    <script src="js/footer.js"></script>

</body>
</html>